<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>杭州伟峰科技有限公司</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script language="javascript" type="text/javascript" src="js/base.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>

<body>
<div class="layer" id="layer">
  <div class="title"><span class="name">提示</span><span class="icon close-btn" onClick="closelayer('layer-bg','layer');return false;"></span></div>
  <div class="tips-cnt"> <i class="ico-tip icon"></i>
    <div class="fr">
      <p class="fs2 fwb black">省钱贴士：单笔订单金额在<span class="red">500元</span>以内，可以免税哦！</p>
      <p>说明：根据海关政策，订单税费≤50则予以免征。本次购买金额 <span class="red">596</span>元， 建议您将商品分成两次购买，不仅免运费，还可以合理避税。</p>
    </div>
    <p class="tac"><a href="#" class="btn">调整订单</a> <a href="#" class="btn">继续支付</a></p>
  </div>
</div>
<div class="layer-bg" id="layer-bg"></div>
<ul class="float" id="float">
  <li><a href="car.html" class="tab"><i class="ico-car ico icon"></i>
    <p class="gwcs">购物车</p>
    <span class="car-num icon" id="carnum">0</span></a></li>
  <li><a href="#" class="tab"><i class="ico-zxkf ico icon"></i>
    <p>在线<br>
      客服</p>
    </a></li>
  <li id="back-top"><a href="javascript:void(0);" class="tab"><i class="ico-top ico icon"></i>
    <p>返回<br>
      顶部</p>
    </a></li>
</ul>
<header class="header clearfix">
  <div class="top-bar">
    <div class="wrap clearfix">
      <div class="text-box">欢迎来到杭州伟峰科技有限公司！</div>
      <div class="app" id="app"> <a href="login.html" class="name color1">登录</a> | <a href="reg.html" class="name">注册</a> </div>
      <ul class="quick-nav">
        <li id="my-order"> <a href="wddd.html" class="name">我的订单<i class="icon ico-arrow"></i></a>
          <ul>
            <li><a href="#">待付款 <span class="red">(0)</span></a></li>
            <li><a href="#">待发货 <span class="red">(0)</span></a></li>
            <li><a href="#">待收货 <span class="red">(0)</span></a></li>
            <li><a href="#">待评价 <span class="red">(0)</span></a></li>
          </ul>
        </li>
        <li class="line"></li>
        <li id="my-user"> <a href="user.html" class="name">个人中心<i class="icon ico-arrow"></i></a>
          <ul>
            <li><a href="#">我的优惠券</a></li>
            <li><a href="#">收货地址</a></li>
            <li><a href="#">售后管理</a></li>
          </ul>
        </li>
        <li class="line"></li>
        <li><a href="help.html" class="name">帮助中心</a></li>
      </ul>
    </div>
  </div>
  <div class="clear"></div>
  <div class="wrap top clearfix">
    <div class="logo pngfix"><a href="index.html"></a></div>
    <div class="search-box">
      <div class="search icon">
        <input type="text" class="input-txt" placeholder="请输入关键词">
        <button class="input-btn"></button>
      </div>
      <div class="text-box">热门关键词: 牛栏、花王、美素、爱他美、karicare、喜宝</div>
    </div>
    <div class="car-box icon"> <a href="car.html" class="tap"> <span class="name">我的购物车<i class="ico-arrow icon"></i></span> <span class="car-num icon" id="carnum2">0</span> </a> </div>
  </div>
  <div class="menu-bg">
    <div class="wrap clearfix">
      <div class="class" id="class"> <a href="list.html" class="name">全部商品分类<i class="ico-class icon"></i></a>
        <ul class="class-nav" >
          <li>
            <div class="tap"> <a href="list.html" class="names">办公用品<i class="ico-arrow icon"></i></a>
              <div class="second-nav clearfix"> <a href="list.html">办公设备</a> <a href="list.html">办公文具</a> <a href="list.html">办公配件</a> <a href="list.html">办公配件</a> </div>
            </div>
            <div class="cbox">
              <div class="lbox">
                <dl>
                  <dt><a href="list.html">11办公用品</a></dt>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                </dl>
                <dl>
                  <dt><a href="list.html">办公用品</a></dt>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                </dl>
                <dl>
                  <dt><a href="list.html">办公用品</a></dt>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                </dl>
                <dl>
                  <dt><a href="list.html">办公用品</a></dt>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                </dl>
                <dl>
                  <dt><a href="list.html">办公用品</a></dt>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                </dl>
                <dl>
                  <dt><a href="list.html">办公用品</a></dt>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                </dl>
              </div>
            </div>
          </li>
          <li>
            <div class="tap"> <a href="list.html" class="names">数码产品<i class="ico-arrow icon"></i></a>
              <div class="second-nav clearfix"> <a href="list.html">相机外设/配件</a> <a href="list.html">导航设备</a> <a href="list.html" class="mr0">电脑外设/配件</a> <a href="list.html">视听影音</a> </div>
            </div>
            <div class="cbox">
              <div class="lbox">
                <dl>
                  <dt><a href="list.html">222办公用品</a></dt>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                </dl>
                <dl>
                  <dt><a href="list.html">办公用品</a></dt>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                </dl>
                <dl>
                  <dt><a href="list.html">办公用品</a></dt>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                </dl>
                <dl>
                  <dt><a href="list.html">办公用品</a></dt>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                </dl>
                <dl>
                  <dt><a href="list.html">办公用品</a></dt>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                </dl>
                <dl>
                  <dt><a href="list.html">办公用品</a></dt>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                </dl>
              </div>
            </div>
          </li>
          <li>
            <div class="tap"> <a href="list.html" class="names">数码产品<i class="ico-arrow icon"></i></a>
              <div class="second-nav clearfix"> <a href="list.html">相机外设/配件</a> <a href="list.html">导航设备</a> <a href="list.html" class="mr0">电脑外设/配件</a> <a href="list.html">视听影音</a> </div>
            </div>
            <div class="cbox">
              <div class="lbox">
                <dl>
                  <dt><a href="list.html">办公用品</a></dt>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                </dl>
                <dl>
                  <dt><a href="list.html">办公用品</a></dt>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                </dl>
                <dl>
                  <dt><a href="list.html">办公用品</a></dt>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                </dl>
                <dl>
                  <dt><a href="list.html">办公用品</a></dt>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                </dl>
                <dl>
                  <dt><a href="list.html">办公用品</a></dt>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                </dl>
                <dl>
                  <dt><a href="list.html">办公用品</a></dt>
                  <dd><a href="list.html">办公设备</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                  <dd><a href="list.html">办公配件</a></dd>
                </dl>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <ul class="menu">
        <li><a href="index.html" class="name">首页</a></li>
        <li><a href="about.html" class="name">关于我们</a></li>
        <li><a href="list.html" class="name">新品专区</a></li>
        <li><a href="jkzs.html" class="name">最新动态</a></li>
        <li><a href="sybg.html" class="name">服务保证</a></li>
        <li><a href="about.html" class="name">联系我们</a></li>
      </ul>
      <div class="site-security"> <a href="help.html" class="icon ico-zpbz"></a> <a href="help.html" class="icon ico-zsfh"></a> <a href="help.html" class="icon ico-qtth"></a> </div>
    </div>
  </div>
</header>
<div class="clear"></div>
<!--header end-->

<div class="wrap clearfix">
  <div class="location">当前位置：首页 <span class="ch c1"> &gt; </span> <b class="red"> 购物车</b></div>
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="carttable">
    <tr class="title">
      <td width="50"><input name="" type="checkbox" class="Choose_all" value=""></td>
      <td width="100" class="tal"><span style="margin-left:-10px;">全选</span></td>
      <td width="400" class="tal">商品信息</td>
      <td width="150">单价（元）</td>
      <td width="150">数量</td>
      <td width="150">金额（元）</td>
      <td width="80">操作</td>
    </tr>
    <tr>
      <td><input name="" type="checkbox" class="Choose" value=""></td>
      <td class="tal"><a href="show.html" class="pic"><img src="images/p1.jpg"></a></td>
      <td class="tal lh18"><a href="show.html" class="fs1 black">凌美lamy Safari钢笔/签字笔 T52黑色墨水</a></td>
      <td><span class="tdl c2">158.00</span><br>
        <b class="unit">129.00</b></td>
      <td><div class="amount"> <a href="#" class="Increase">+</a>
          <input type="text" value="1" class="unum">
          <a href="#" class="Reduce">-</a> </div></td>
      <td><b class="u-price">129.00</b></td>
      <td><a href="#" class="btn-del">×</a></td>
    </tr>
    <tr>
      <td><input name="" type="checkbox" class="Choose" value=""></td>
      <td class="tal"><a href="show.html" class="pic"><img src="images/p2.jpg"></a></td>
      <td class="tal lh18"><a href="show.html" class="fs1 black">凌美lamy Safari钢笔/签字笔 T52黑色墨水</a></td>
      <td><span class="tdl c2">158.00</span><br>
        <b class="unit">129.00</b></td>
      <td><div class="amount"> <a href="#" class="Increase">+</a>
          <input type="text" value="1" class="unum">
          <a href="#" class="Reduce">-</a> </div></td>
      <td><b class="u-price">129.00</b></td>
      <td><a href="#" class="btn-del">×</a></td>
    </tr>
    <tr>
      <td><input name="" type="checkbox" class="Choose" value=""></td>
      <td class="tal"><a href="show.html" class="pic"><img src="images/p3.jpg"></a></td>
      <td class="tal lh18"><a href="show.html" class="fs1 black">凌美lamy Safari钢笔/签字笔 T52黑色墨水</a></td>
      <td><span class="tdl c2">158.00</span><br>
        <b class="unit">129.00</b></td>
      <td><div class="amount"> <a href="#" class="Increase">+</a>
          <input type="text" value="1" class="unum">
          <a href="#" class="Reduce">-</a> </div></td>
      <td><b class="u-price">129.00</b></td>
      <td><a href="#" class="btn-del">×</a></td>
    </tr>
    <tr>
      <td><input name="" type="checkbox" class="Choose" value=""></td>
      <td class="tal"><a href="show.html" class="pic"><img src="images/p4.jpg"></a></td>
      <td class="tal lh18"><a href="show.html" class="fs1 black">凌美lamy Safari钢笔/签字笔 T52黑色墨水</a></td>
      <td><span class="tdl c2">199.00</span><br>
        <b class="unit">99.00</b></td>
      <td><div class="amount"> <a href="#" class="Increase">+</a>
          <input type="text" value="1" class="unum">
          <a href="#" class="Reduce">-</a> </div></td>
      <td><b class="u-price">199.00</b></td>
      <td><a href="#" class="btn-del">×</a></td>
    </tr>
    <tr class="count">
      <td colspan="7" class="tar"><div class="jiesuan">
          <p><span class="fl">
            <input name="" type="checkbox" class="Choose_all" value="">
            全选 &nbsp;&nbsp;&nbsp;<a href="#">删除选中商品</a></span> 商品总计： 	￥608.00</p>
          <p> 活动优惠： 	-￥0.00</p>
          <p> 已选商品 <span class="red fs2 t-number">0</span> 件       总价(不含运费、税费)： <span class="red fs4">￥<span class="t-price">0.00</span></span></p>
          <div>
            
            <a href="user.html" class="btn pay fail" onClick="openlayer('layer-bg','layer');return false;" style="display:none;">结算</a> <a href="pay.html" class="btn pay">结算</a> </div>
        </div></td>
    </tr>
  </table>
</div>

<!--footer begin-->
<div class="clear"></div>
<div class="footera_bg">
	<div class="footera">
    	
    	<img src="images/st_r20_c5.jpg">
    </div>
</div>
<div class="clear"></div>
<footer class="footer clearfix">
  <div class="wrap clearfix">
    <div class="clear"></div>
    <div class="footer-nav">
      <dl>
        <dt><a href="help.html">关于我们</a></dt>
        <dd><a href="help.html">关于我们</a></dd>
        <dd><a href="help.html">行邮税率表</a></dd>
        <dd><a href="help.html">免责申明</a></dd>
        <dd><a href="help.html">联系我们</a></dd>
      </dl>
      <dl>
        <dt><a href="help.html">新手指南</a></dt>
        <dd><a href="help.html">购物流程</a></dd>
        <dd><a href="help.html">常见问题</a></dd>
        <dd><a href="help.html">常见问题</a></dd>
      </dl>
      <dl>
        <dt><a href="help.html">物流配送</a></dt>
        <dd><a href="help.html">配送方式</a></dd>
        <dd><a href="help.html">包邮政策</a></dd>
        <dd><a href="help.html">物流跟踪</a></dd>
      </dl>
      <dl>
        <dt><a href="help.html">售后服务</a></dt>
        <dd><a href="help.html">退换货政策</a></dd>
        <dd><a href="help.html">退款说明</a></dd>
        <dd><a href="help.html">联系客服</a></dd>
      </dl>
      <dl>
        <dt><a href="help.html">支付方式</a></dt>
        <dd><a href="help.html">在线支付</a></dd>
        <dd><a href="help.html">代金券支付</a></dd>
        <dd><a href="help.html">支付常见问题</a></dd>
      </dl>
    </div>
    <div class="concerned">
      <div class="ewm"> <img src="images/ewm.gif">
        <p>扫描下载手机版</p>
      </div>
      <div class="cnt">
        <div class="title"><i class="ico-tel icon"></i>客服热线</div>
        <div class="num">18658855347<br>13606805613<br><span style="font-size:21px;">0571-88805307</span>
</div>
        <div class="time">周一到周日 09:00 - 24:00</div>
      </div>
    </div>
  </div>
  <div class="clear"></div>
  <div class="Copyright">
    <p><a href="about.html">公司简介</a> <span class="ch">|</span> <a href="about.html">联系方法</a> <span class="ch">|</span> <a href="about.html">招聘信息</a> <span class="ch">|</span> <a href="about.html">服务保证</a> <span class="ch">|</span> <a href="about.html">隐私政策</a> <span class="ch">|</span> <a href="about.html">网络营销</a> </p>
    <p class="mt10">浙ICP备13002026号-1<span class="space"></span></p>
    <p>copyright© 2006-2015<span class="space"></span>杭州伟峰科技有限公司<span class="space"></span>版权所有</p>
  </div>
</footer>
<script language="javascript" type="text/javascript">
function count_price(idn){
	var JQ1=$(idn).find(".Choose");
	var JQ2=idn.find(".Choose_all");
	var JQ_Tprice=$(idn).find(".t-price");
	var JQ_Tnumber=$(idn).find(".t-number");
	var Choose_count=JQ1.length;
	var count=0,Uprice,Tnumber=0;
	JQ1.each(function(idx){
		if($(this).is(':checked')){
		Uprice=parseFloat($(idn).find(".unit").eq(idx).text())*parseFloat($(idn).find(".unum").eq(idx).val());
		count+=Uprice;
		Tnumber++;
		}
		});
	if(Tnumber==Choose_count){
		JQ2.attr("checked",true);
		}
	else{
		JQ2.attr("checked",false);
		}
	if(count>1000){
		$(idn).find(".pay").hide();
		$(idn).find(".goToPayNotice").show();
		$(idn).find(".fail").show();
		}
		else{
		$(idn).find(".pay").show();
		$(idn).find(".goToPayNotice").hide();
		$(idn).find(".fail").hide();
			}
	JQ_Tprice.text(count.toFixed(2));
	JQ_Tnumber.text(Tnumber);
	}
	
function Choose_all(that,idn){
	var JQ1=idn.find(".Choose");
	var JQ2=idn.find(".Choose_all");
	if($(that).attr("checked")){
	JQ1.attr("checked",true);
	JQ2.attr("checked",true);
	count_price(idn);
	}
	else{
	JQ1.attr("checked",false);
	JQ2.attr("checked",false);
	count_price(idn);
		}
	}

function Choose(that,idn){
	if($(that).attr("checked")){
	$(that).attr("checked",true);
	count_price(idn);
	}
	else{
	$(that).attr("checked",false);
	count_price(idn);
		}
	}
	
$(document).ready(function(){
$(".goToPayNotice").bind({
	mouseenter:function(){
		$(this).find(".tips-box").show();
		},
	mouseleave:function(){
		$(this).find(".tips-box").hide();
		}
	});
	
$(".Choose_all").bind({
	change:function(){
		var JQ=$(this).parents(".carttable");
		Choose_all(this,JQ)
		}
	});

$(".Choose").bind({
	change:function(){
		var JQ=$(this).parents(".carttable");
		Choose(this,JQ)
		}
	});


$(".Increase").bind({
		click:function(){
			var jq=$(this).parents("tr");
			var idn=$(this).parents(".carttable");
			var num=parseInt($(this).next(".unum").val());
			var units=Number($(jq).find(".unit").text());
			num+=1;
			var count=num*units;
			$(this).next(".unum").val(num);
			$(jq).find(".u-price").text(count.toFixed(2));
			count_price(idn);
			return false;
			}
		});
		
$(".Reduce").bind({
		click:function(){
			var jq=$(this).parents("tr");
			var idn=$(this).parents(".carttable");
			var num=parseInt($(this).prev(".unum").val());
			var units=Number($(jq).find(".unit").text());
			num-=1;
			if(num<=0) num=1; 
			var count=num*units;
			$(this).prev(".unum").val(num);
			$(jq).find(".u-price").text(count.toFixed(2));
			count_price(idn);
			return false;
			}
		});

$(".unum").val(1);
if($(".Choose_all").attr("checked",false)){
$(".Choose_all").click();
$(".Choose").click();
}

});
</script>
</body>
</html>
